@charset "utf-8";

/* CSS Document */

/* CSS Document for Barracuda */

/* Developed by: jc */

/* Global stylesheet */



/* ------------------------------------------------------------------------------------------------------------------------------------

######################################################## RESET FILE ##################################################################

------------------------------------------------------------------------------------------------------------------------------------ */



* {outline: none;}

body {margin: 0;padding: 0; font-size: 1:0em; height: 100%;}

a:link, a:visited, a:hover, a:active {text-decoration: none;}

ul, ol {margin: 0;padding: 0;list-style-type: none;}

form {margin: 0px;padding: 0px;}

a img {border: 0;}

.clearfix:after{ content: ".";  display: block;  height: 0; clear: both;  visibility: hidden;}

.clearfix{min-width: 0;	display: inline-block; display: block;}

* html .clearfix{height: 1%;}

.left{float: left;}

.right{float: right;}

.textleft{text-align:left;}

.textright{text-align:right;}



/* ------------------------------------------------------------------------------------------------------------------------------------

######################################################## COMMON TAGS ##################################################################

------------------------------------------------------------------------------------------------------------------------------------ */

.clear { clear:both; line-height:1px; height:1px; }

a.hover{ text-decoration:underline; }



/* ------------------------------------------------------------------------------------------------------------------------------------

######################################################## TYPOGRAPHY ##################################################################

------------------------------------------------------------------------------------------------------------------------------------ */



h1 { text-align:center; font-size:2.0em; color:#eab40f; padding: 0; font-weight:normal}

h2 { text-align:center; font-size:1.8em; color:#ebc348; padding: 0; font-weight:normal}

h3 { text-align:center; font-size:1.6em; color:#eecc63; padding: 0; font-weight:normal}

h4 { text-align:center; font-size:1.4em; color:#f1d47a; padding: 0; font-weight:normal}

h5 { text-align:center; font-size:1.2em; color:#f3da8e; padding: 0;}

h6 { text-align:center; font-size:1.1em; color:#f5e09f; padding: 0;}



blockquote { font-size:1.2em; font-style:italic}



a {text-decoration:underline; color:#eab40f; }

a:hover {text-decoration:none; color:#fff; }



ul {  color:#ffffff; list-style: square;}

li {  margin-left: 75px; color:#fff; line-height: 140%;  font-size: 0.8em}

li a { color:#fff; text-decoration:underline}

li a:hover { color:#eab40f; text-decoration:none}

ol {  color:#ffffff; list-style-type: decimal;}



table { border-collapse: collapse;margin: 0 21px 0 18px; color:#ffffff; background:url(images/bg_container.png); }

table th {border-width: 1px; padding: 8px; 	background-color: #333;}

table td {

        padding: 5px 4px 6px 6px;

        border-bottom: 1px dotted; border-color: #777;

        color:#fff; font-size:0.8em;

        background:#111;   

}



/* ------------------------------------------------------------------------------------------------------------------------------------

######################################################## TRANSLATION WIDGET ##################################################################

------------------------------------------------------------------------------------------------------------------------------------ */



div.translation-widget {

float:right; margin: 10px 10px 0 0;

}



div.translation-widget ul {

list-style-type: none;

}



div.translation-widget li { float: left;

display: inline;

margin-left: 5px;

}





/* ------------------------------------------------------------------------------------------------------------------------------------

######################################################## LAYOUT TAGS ##################################################################

------------------------------------------------------------------------------------------------------------------------------------ */

/* body{ background:url(images/bg_body_3.jpg) no-repeat #000; font-family:"Georgia", Times, serif;} */

body{ background-color: #222; font-family:"Georgia", Times, serif;}

#box{ width:950px; margin:0 0 0 20px; padding:0; display:inline; float:left;}

/*header*/

#header{ width:100%; margin:0; padding:0; float:left;}

#logo{ width:172px; height:134px; margin:0; padding:30px 0 0 45px; float:left;}

/*header*/

#container{ background:url(images/bg_container.png); width:100%; margin:0; padding:0 0 100px 0; float:left;}

#left_col{ width:263px; margin:0; padding:0; float:left;}

#navigation{ background:url(images/bg_navigation.png) repeat-y; width:240px; height:225px; margin:26px 0 0 0; padding:18px 30px 0 18px; float:left;}

#navigation ul li{ background:url(images/divider.png) no-repeat; margin:0; padding:0; display:block; text-align:center;}

#navigation ul li.first{ background:none;}

#navigation ul li.page-item-9 { background:none;}



#navigation ul li a{ color:#cfcfcf; font-size:14px; line-height:35px; text-align:center;}

#navigation ul li a:hover{ color:#000;}

#leftcol_bottom{ width:264px; margin:0; padding:56px 0 0 0; float:left;}

#leftcol_bottom img{ padding:0 0 0 43px; margin:0;}

#leftcol_bottom span{ margin:0; padding:8px 0 0 57px; display:block;}

#leftcol_bottom span a{color:#b58f1b; font-size:13px; text-decoration:underline;}

#leftcol_bottom span a:hover{ text-decoration:none;}

.ad_banner{ width:100%; margin:0; padding:14px 0 0 45px; float:left;}

#right_col{ background:url(images/bg_rightcol.png); width:660px; margin:26px 0 0 0; padding:0; float:left;}

#rightcol_top{ width:644px; padding:18px 8px; margin:0;}



#content{ background:url(images/arrow_top.png) no-repeat left top; width:100%; margin:0; padding:0;}

.comment{ background:url(images/arrow_bottom.png) no-repeat right bottom; width:100%; margin:0; padding:0;}



#content p{ color:#fff; font-size:11px; margin:0; padding:8px 35px 15px 40px; text-align:center; font-style:italic; line-height:18px;}



#content-inner { width:100%; margin:0; padding:0;}

#content-inner p{ color:#fff; font-size: 0.8em; margin:0; padding:8px 35px 15px 40px; text-align:left; line-height:140%;}









/**************/



#sub-menu  {  margin: 269px 0 0 0; padding:25px 0 15px 0;  width: 263px ; background:url(images/bg_rightcol.png)}

#sub-menu li {   display:block;text-align:right; border-bottom:#444 dotted 1px ; margin:0 20px 0 20px; color:#999;}

#sub-menu li.current_page_item {   display:block;text-align:right; border-bottom:#444 dotted 1px ; margin:0 20px 0 20px; color:#b58f1b; background:url(images/bg_navigation.png) repeat-y;}

#sub-menu li a {   width: 269px; height: 40px; line-height: 25px; padding: 0 10px 0 20px; font-size:11px;  text-align:center; text-transform:uppercase;color:#999; }

#sub-menu li a:hover {   color:#fff; }

#sub-menu li.parent-title {   display:block;text-align:right; border-bottom:#444 dotted 1px ; color:#eab40f; line-height: 25px; font-size:15px; padding:0 10px 15px 0}





/**************/



/**************/



#home-button  { margin: 0 0 0 0; padding:15px 0 15px 0;  width: 263px ; background:url(images/bg_rightcol.png)}

#home-button li { display:block;text-align:right; margin:0 20px 0 20px; color:#999;}

#home-button li a { width: 269px; height: 40px; line-height: 25px; padding: 0 10px 0 0px; font-size:12px; text-transform:uppercase; color:#eee; background:url(images/bg_rightcol.png) }

#home-button li a:hover {color:#eab40f; }

/**************/







#common_box{ width:100%; margin:0; padding:27px 0 0 0; float:left;}

#common_box .common{ width:271px; margin:0; padding:0 29px 0 28px; min-height:320px; border-right:1px solid #423d36; float:left;}

#common_box .common h3{ background-color:#1b1a19; color:#fff; font-size:18px; margin:0; padding:0; text-align:center; line-height:40px; text-transform:uppercase}

#common_box .common p{ color:#fff; font-size:12px; margin:0; padding:9px 5px 0 11px; line-height:18px; text-align:center; display:block;}

#common_box .common span{ margin:0; padding:8px 0 0 0; display:block; text-align:center;}

#common_box .common span a{color:#b58f1b; font-size:13px; text-decoration:underline; text-transform:uppercase}

#common_box .common span a:hover{ text-decoration:none;}

#common_box .common.none{ border:none;}

#footer{ width:100%; margin:28px 0 0 0; padding:32px 0 0 0; float:left; background:url(images/footer_border.gif) no-repeat top center;}

#footer .footerbox{ width:200px; margin:0; padding:0 0 0 6px; float:left;}

#footer .footerbox h6{ color:#706e6e; font-size:11px; font-weight:bold; line-height:17px; text-align:center; text-transform:uppercase; margin:0; padding:0;}

#footer .footerbox h6.gap{padding:15px 0 0 0;}

#footer .footerbox ul{text-align:center; padding:0 0 20px 0;}

#footer .footerbox ul li{ margin-left: 0px; display:block; line-height:17px; color:#706e6e; font-size:0.6em; text-align:center; text-transform:uppercase}









#footer .footerbox a{ color:#706e6e; }

#footer .footerbox a:hover{ text-decoration:underline;}

#footer .footerbox h6.yellow{ color:#ab871a; font-size:0.9em; text-align:center;  text-transform:none;}



#footer .footerbox p{ color:#cfcfcf; font-size:12px; line-height:17px; text-align:center; padding:0 0 20px 0; margin:0;}

#footer .footerbox p span{ display:block; text-align:center;}

#footer .box3{ width:230px;}

#footer .footerbox p span a {color:#cfcfcf;}

#facebook { width:100%; margin: 0 auto; padding:0; float:left; text-align:center;}

#facebook img { margin:0 10px -8px 0;}

#facebook span {color:#fff; margin:0; padding:0; line-height:21px;}

#footer #facebook a { color:#fff; font-size:10px;text-decoration:underline;}

#facebook a:hover { text-decoration:none;}

#footer_navigation{ width:100%; margin:0; padding:30px 0 10px 0; float:left; text-align:center;}

#footer_navigation ul li{ font-size:0.7em; background:url(http://barracudarestaurant.com/wordpress/wp-content/themes/barracuda%202011/images/xfotter_divider.gif) no-repeat; color:#999; margin:0; padding:0 5px; display:inline; text-align:center; font-weight:normal}

#footer_navigation ul li.link{ background:none;}

#footer_navigation ul li a{ color:#acaaa3; text-decoration:underline;}

#footer_navigation ul li a:hover{ text-decoration:none;}















/* =Images

-------------------------------------------------------------- */



/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

.alignleft,

img.alignleft {

	display: inline;

	float: left;

	margin-left: 29px;

	margin-right: 24px;

	margin-top: 4px;

}

.alignright,

img.alignright {

	display: inline;

	float: right;

	margin-left: 24px;

	margin-top: 4px;

}

.aligncenter,

img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignleft,

img.alignright,

img.aligncenter {

	margin-bottom: 0px;

}

.wp-caption {

	line-height: 18px;

	margin-bottom: 0px;

	max-width: 632px !important; /* prevent too-wide images from breaking layout */

	padding: 4px;

	text-align: center;

}

.wp-caption img {

	margin: 0;

	text-align:center;

}

p.wp-caption-text {

	text-align:center !important;

	font-size: 11px;

	margin: 0px;

	font-weight:normal;

	font-style:italic;

	color: #eab40f !important;

}

.wp-smiley {

	margin: 0;

}

.gallery {

	margin: 0 auto 18px;

margin: 10px 25px 0px 25px;

}

.gallery .gallery-item {

	float: left;

	margin-top: 0;

	text-align: center;

	width: 33%;

}

.gallery-columns-2 .gallery-item {

	width: 50%;

}

.gallery-columns-4 .gallery-item {

	width: 25%;

}

.gallery-columns-2 .attachment-medium {

	max-width: 92%;

	height: auto;

}

.gallery-columns-4 .attachment-thumbnail {

	max-width: 84%;

	height: auto;

}

.gallery .gallery-caption {

	color: #fff;

	font-size: 12px;

	margin: 10px 0 10px 0;

}

.gallery dl {

       margin:0 0 15px 0;

}

.gallery img {

	border: 4px solid #ccc;

}

.gallery br+br {

	display: none;

}

#content .attachment img {/* single attachment images should be centered */

	display: block;

	margin: 0 auto;

}





/* =Navigation

-------------------------------------------------------------- */